In an effort to streamline the mod management interface as outlined in this thread, I've implemented a set of UI enhancements focusing on mod sorting and category filtering.

Changes:

• SearchAndSort.vue & OnlineModView.vue: Replaced the "Standard / Reverse" button with a simple caret icon that points up for "Standard" and down for "Reverse". This change simplifies the UI and saves space if you ever need to add more options. Added an animation for the caret in custom.scss to rotate upon toggling, enhancing the visual feedback.

• OnlineModView.vue: Updated the "Filter Categories" UI by replacing the text button with a FontAwesome icon, improving the interface's overall aesthetic and consistency. Fixed a visibility issue where the button's "focus" state significantly reduced contrast between text and background, hindering readability.

Additional Enhancements:

• custom.scss: Introduced animation for the sorting direction toggle, providing a smoother and more intuitive user interaction. Enhanced cursor visibility with a conditional "not-allowed" style, indicating when the action is disabled.

Visuals:

• Caret icon for sorting direction:
• New filter categories icon:

These updates aim to refine the user experience by making mod management more intuitive and visually appealing.